<template>
  <div style="border-bottom: 1px solid #373838">
    <el-collapse accordion>
      <el-collapse-item title="折线设置">
        <!-- <el-form-item label="竖展示">
          <el-switch
            v-model="myConfig.category"
            class="float_right"
          ></el-switch>
        </el-form-item> -->
        <el-form-item label="面积图">
          <el-switch
            v-model="myConfig.areaStyle"
            class="float_right"
          ></el-switch>
        </el-form-item>
        <!-- <el-form-item v-if="myConfig.areaStyle" :label="$t('渐变开始')">
          <l-input-color v-model="myConfig.ac1" />
        </el-form-item>
        <el-form-item v-if="myConfig.areaStyle" :label="$t('渐变结束')">
          <l-input-color v-model="myConfig.ac2" />
        </el-form-item> -->

        <el-form-item label="是否平滑">
          <el-switch
            v-model="myConfig.isSmooth"
            class="float_right"
          ></el-switch>
        </el-form-item>
        <el-form-item label="显示标记">
          <el-switch
            v-model="myConfig.symbolShow"
            class="float_right"
          ></el-switch>
        </el-form-item>
        <el-form-item label="是否堆叠">
          <el-switch v-model="myConfig.isStack" class="float_right"></el-switch>
        </el-form-item>
        <el-form-item label="线条宽度">
          <el-input-number
            v-model="myConfig.lineWidth"
            :min="0"
            controls-position="right"
          ></el-input-number>
        </el-form-item>
        <el-form-item label="点的大小">
          <el-input-number
            v-model="myConfig.symbolSize"
            :min="0"
            controls-position="right"
          ></el-input-number>
        </el-form-item>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
export default {
  props: {
    config: {
      type: Object,
      default: () => ({}),
    },
  },
  data() {
    return {};
  },
  computed: {
    myConfig() {
      return this.config;
    },
  },
};
</script>